import styled from 'styled-components'

const TaskStyled = styled.div`
  width : 100%;
  height : .9rem;
  border-bottom : .01rem solid #ebe5e5;
  padding: .18rem .15rem;
  display : flex;
  align-items: center;
  /* overflow: hidden; */
  img.bossImg{
    width : .54rem;
    height : .54rem; 
    background-color: #f4f4f4;
    border-radius: 50%;
    flex-shrink: 0;
    flex-grow : 0;
    margin-right: .15rem;
  }
  div.taskInfoWrap{
    flex-grow : 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* overflow:hidden; */
    >div{
      height: .2rem;
    }
    div.one{
      display: flex;
      justify-content: space-between;
      color: #646464;
      font-size : .13rem;
      p.nichen{

      }
      p.price{
        span{

        }
      }
    }
    div.two{
      display: flex;
      align-items: center;
      img.djimg{
        height : .15rem;
        width : 1.1rem;
        margin-right: .15rem;

      }
      p{
        margin-left: .15rem;
        color : #646464;
        font-size: .11rem;
      }
    }
    div.three{
      p{
        color : #646464;
        font-size: .11rem;
      }
    }
  }
`

export {TaskStyled}